<template>
    <div class="liveCourse">
        <div class="courseTop">直播课程</div>
        <div class="tabCourses">
            <a-tabs default-active-key="1"  tabPosition="right" >
                <a-tab-pane key="1" tab="直播结束 研究生复试之高效准备简历的方法">
                    <img src="../assets/image/tab1.png" alt="">
                </a-tab-pane>
                <a-tab-pane key="2" tab="直播结束 研究生复试之高效准备简历的方法" force-render>
                    <img src="../assets/image/tab2.png" alt="">
                </a-tab-pane>
                <a-tab-pane key="3" tab="直播结束 研究生复试之高效准备简历的方法">
                    <img src="../assets/image/tab3.png" alt="">
                </a-tab-pane>
            </a-tabs>
        </div>
    </div>
</template>

<script>
    export default {
        name: "LiveCourse"
    }
</script>

<style scoped lang="less">
.liveCourse {
    width: 1200px;
    height: 350px;
    margin: 0 auto;
    /*background-color: orange;*/
}
.courseTop {
    height: 36px;
    width: 1200px;
    margin: 50px 0px 30px 0px;
    font-size: 24px;
    color: #333;
    text-align: center;
}
.tabCourses {
    height: 260px;
    width: 1200px;
    margin: 0 auto;
    /*background-color: lightblue;*/
}
/deep/ .ant-tabs .ant-tabs-right-bar {
    float: right;
    margin-bottom: 0;
    margin-left: -1px;
    border-left: 1px solid #e8e8e8;
    width: 600px;
}
img {
    width: 590px;
    height: 260px;
}
</style>